import React, { Component } from 'react'

export default class Count extends Component {
    state = {
        count: 100
    }
    add = () => {
        // 修改数据 this.setState(要修改的数据, callback)
        // this.setState  时而同步(在原生事件)  时而异步(合成事件)
        this.setState({
            count: 200
        }, () => {
            // 可以拿到修改以后最新的状态
            console.log(this.state.count)
        })
        // this.state.count += 1
        // if (this.state.count > 105) {
        //     alert('不能再加了')
        // }
        
    }
    render() {
        console.log('render')
        const { count } = this.state
        return (
            <div>
                <h3>
                    { count }
                </h3>
                {/* 合成事件 -- body*/}
                {/* 1.无参数 */}
                {/* <button onClick = { this.add }>加加加</button> */}
                {/* 2.有参数 */}
                <button onClick = { (ev) => {
                    // ev 事件对象
                    this.add()
                } }>加加加</button>
            </div>
        )
    }
}
